<!doctype html>
<html lang="en">

<head>
	<title>鑫洋泉运营管理平台</title>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
	<!-- VENDOR CSS -->
	<link rel="stylesheet" href="../assets/vendor/bootstrap/css/bootstrap.min.css">
	<link rel="stylesheet" href="../assets/vendor/font-awesome/css/font-awesome.min.css">
	<link rel="stylesheet" href="../assets/vendor/linearicons/style.css">
	<!-- MAIN CSS -->
	<link rel="stylesheet" href="../assets/css/main.css">
	<!-- FOR DEMO PURPOSES ONLY. You should remove this in your project -->
	<link rel="stylesheet" href="../assets/css/demo.css">
	 <link rel="stylesheet" href="http://cache.amap.com/lbs/static/main1119.css"/>
	 <style type="text/css">
        .amap-marker .marker-route {
            position: absolute;
            width: 40px;
            height: 44px;
            color: #e90000;
            background: url(../assets/img/myposition.png) no-repeat;
            background-size: 100% 100%;
            cursor: pointer;
        }
        .amap-marker .marker-marker-bus-from {
            background-position: 0px 0px;
        }
        
    </style>
	<!-- ICONS http://webapi.amap.com/theme/v1.3/images/newpc/poi-1.png  -->
	<link rel="apple-touch-icon" sizes="76x76" href="../assets/img/apple-icon.png">
	<link rel="icon" type="image/png" sizes="96x96" href="../assets/img/favicon.png">
	<script src="http://webapi.amap.com/maps?v=1.3&key=cba4b402fa99f77f698ff478bf0ade45&plugin=AMap.MarkerClusterer"></script>
    <script type="text/javascript" src="http://cache.amap.com/lbs/static/addToolbar.js"></script>
    
</head>

<body>
	<!-- WRAPPER -->
	<div id="wrapper">
		<!-- NAVBAR -->
		<nav class="navbar navbar-default navbar-fixed-top">

			<h1 class="header_1">
				 鑫洋泉运营管理系统 
			</h1>
		</nav>
        <div id="container"></div>
	</div>

    <script src="../assets/vendor/jquery/jquery.min.js"></script>
	<script src="../assets/vendor/bootstrap/js/bootstrap.min.js"></script>
	<script src="../assets/vendor/jquery-slimscroll/jquery.slimscroll.min.js"></script>
    <script src="../assets/vendor/dataTables/jquery.dataTables.min.js"></script>
	<script src="../assets/scripts/klorofil-common.js"></script>
    <script src="../assets/vendor/sweetalert.min.js"></script>
    <script>
        var thisURL = document.URL;
		var values = thisURL.split('?')[1];
		var points = values.split('&');
        //../ws/0.1/vehicle/position?vid=123
		// var ajax = '../ws/0.1/vehicle/position?'+ getVal; //?cid=1'
        var  map= new AMap.Map("container", {
                resizeEnable: true,
                center: [points[1], points[0]],//地图中心点
                zoom: 13 //地图显示的缩放级别
            }), 
            marker = new AMap.Marker({ //添加自定义点标记
            map: map,
            position: [points[1], points[0]], //基点位置
            offset: new AMap.Pixel(-17, -42), //相对于基点的偏移位置
            draggable: true,  //是否可拖动
            content: '<div class="marker-route marker-marker-bus-from"></div>'   //自定义点标记覆盖物内容
        });        
        
    </script>
</body>
</html>
